// 1.创建ui组件
// 2.创建model
// 3.链接ui组件和model

import React, { useEffect } from 'react'
import { connect } from 'umi'

const Dva = (props) => {
  // props里面可以获取到dva model里面的state，且有一个方法dispatch
  const { dispatch, list } = props
  const { List } = list
  console.log(List.list, 'dva')

  const getList = () => {
    // 使用model获取数据
    dispatch({
      // 命名空间/方法
      type: 'list/getList',
      payload: null
    })
  }


  return (
    <div>
      <p>Dva</p>
      <button onClick={getList}>请求</button>
      <ul>
        {
          List.list?.map((item, index) => (
            <li key={index}>{item.name}</li>
          ))
        }
      </ul>
    </div>
  )
};
// connect((解构出来的list) => 返回的必须是一个list对象)(当前组件Dva); 
export default connect((list) => list)(Dva);
